<%@page pageEncoding="UTF-8" isELIgnored="false"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>
<%@ include file="header.jsp"%>
    <div id="main" class="center">
    	<div id="movie">
    		<div>
		    	<object id="presentation" width="720" height="576" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" align="middle">
				<param name="allowScriptAccess" value="sameDomain" />
				<param name="movie" value="/flash/joogoo.swf" />
				<param name="quality" value="high" />
				<param name="bgcolor" value="#ffffff" />
				<param name="allowFullScreen" value="true" />
				<embed src="/flash/joogoo.swf" quality="high" bgcolor="#ffffff" width="720" height="576" name="presentation" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" allowFullScreen="true" />
				</object>
    		</div>
    	</div>
    	
    	<div id="signup">
    		<a href="${loginUrl}">Sign up</a>
	   		<p>
	   			※ 次のページで Google アカウント認証を行ないます。
			</p>
    	</div>
    	
    	<div id="about">
    		<h2>joogooとは</h2>
			<p>「じょ～ぐ～」と呼んでください。
			色々なサービスの新着通知を集めて通知してくれるサービスです。</p>
			
			<h2>名前の由来</h2>
			<p>「じょうごのように情報を集める」から名付けました。
			沖縄の言葉で「とってもすき・だいすき」の意味があるそうです。
			みなさんに「とってもすき」と言ってもらえるサービスに育てたいという思いもこもっています。</p>
			
			<h2>何がうれしいの？</h2>
			<p>
				いろいろなサービスでメールで新着の通知を行なっていますが、メールで通知を行なうとメールボックスがいっぱいになって情報がうもれてしまいます。そして、そもそも見に行かないと新着情報に気がつけません。<br />
				joogooを利用すると、さまざまなクライアント・デバイスでプッシュ型で通知を受けることができます。また、一度設定するだけで他のクライアントで同じ設定を利用することも可能です。<br />
				どんどんWebのリアルタイムかが進む時代の中で、新着通知の方法も変わるべきでないかと思っています。
			</p>
    	</div>
    	
    	<div id="twt-wgt">
	    	<script src="http://widgets.twimg.com/j/2/widget.js"></script>
			<script>
				new TWTR.Widget({
  					version: 2,
  					type: 'search',
  					search: 'joogoo',
					interval: 6000,
  					title: '#joogoo',
  					subject: 'About joogoo',
  					width: 400,
  					height: 300,
  					theme: {
    					shell: {
      					background: '#8ec1da',
      					color: '#ffffff'
    					},
    					tweets: {
      						background: '#ffffff',
      						color: '#444444',
      						links: '#1985b5'
    					}
  					},
  					features: {
    					scrollbar: false,
    					loop: true,
					    live: true,
    					hashtags: true,
    					timestamp: true,
    					avatars: true,
    					toptweets: true,
    					behavior: 'default'
  					}
				}).render().start();
			</script>
    	</div>
    	<div class="clear-both"></div>
    </div>
<%@ include file="footer.jsp"%>